<!DOCTYPE html>

<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
    <meta charset="utf-8" />

    <!-- Set the viewport width to device width for mobile -->
    <meta name="viewport" content="width=device-width" />

    <title>Projeto Zênite</title>

    <!-- CSS Files -->
    <link rel="stylesheet" href="{{ MEDIA_URL }}stylesheets/foundation.css">
    <link rel="stylesheet" href="{{ MEDIA_URL }}stylesheets/general_foundicons.css">
    <link rel="stylesheet" href="{{ MEDIA_URL }}style.css">

    <!--[if lt IE 8]>
    <link rel="stylesheet" href="{{ MEDIA_URL }}stylesheets/general_foundicons_ie7.css">
  <![endif]-->

    <script src="{{ MEDIA_URL }}javascripts/modernizr.foundation.js"></script>

    <!-- IE Fix for HTML5 Tags -->
    <!--[if lt IE 9]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  <![endif]-->

</head>
<body>

<!-- Header and Nav -->

<header class="pattern1">
    <div class="row">
        <div class="five columns">
            <h1 class="logo-zenite"><a href="{% url WebSite.views.homepage %}"><img src="{{ MEDIA_URL }}images/logo-zenite.png" /></a></h1>
            <a class="logo-credishop" href="#"><img src="{{ MEDIA_URL }}images/logo-credishop.png" /></a>
        </div>
        <div class="seven columns">
            <ul class="nav-bar right">
                <li class="active"><a href="{% url WebSite.views.homepage %}">Home</a></li>
                <li><a href="{% url WebSite.views.about %}">Sobre</a></li>
                <li><a href="{% url WebSite.views.loginUser %}">Quiz</a></li>
                <li><a href="{% url WebSite.views.news %}">Notícias</a></li>
                <li><a href="{% url WebSite.views.spellingBook %}">Cartilha</a></li>
                <li><a href="{% url WebSite.views.doubts %}">Dúvidas</a></li>
                <li><a href="{% url WebSite.views.contact %}">Contato</a></li>
            </ul>
        </div>
    </div>
</header>

<!-- End Header and Nav -->
